<template>
  <div>
      <div class="header">    
    <div>
      <router-link to="/">
        <div class="iconfont back-icon">&#xe6b7;</div>
      </router-link>
        营业资质
    </div>
   
        </div>
 <div id="sjzz_dv1">
            <h2>商家从业资质</h2>
            <div  id="sjzz_dv2">
                <a class="sjzz-a" href="#"><img src="//fuss10.elemecdn.com/0/43/eccb1596dee576d1f66bc505ff4a0jpeg.jpeg?imageMogr/format/webp/" alt=""></a>
                <a class="sjzz-a" href="#"><img src="//fuss10.elemecdn.com/7/cf/261c2c703ec350d26f5e10fa459ddjpeg.jpeg?imageMogr/format/webp/" alt=""></a>
            </div>
        </div>
        
  </div>
</template>
<script>
export default {
  name:'cityheader',
}
</script>
<style lang="stylus" scoped>
@import '~styles/varibles.styl'
div
html
    // background-color #f00
  .header
    position relative
    padding 2.6vw 3.7vw 0
    line-height 9.2vw
    text-align center
    color #fff
    background-color $bgColor
    font-size .32rem
    .back-icon
      position absolute
      top 2.3vw
      left 0
      width .64rem
      text-align center
      font-size .4rem
      color #fff
#sjzz_dv1
    padding-left 4vw
    border-bottom 1px solid #eee
    background-color #fff
    margin: 2.266667vw 2.133333vw
    h2
        font-size .38rem
        border-bottom 1px solid #eee
        line-height 12vw
        color #000
        font-weight 600
    #sjzz_dv2
        position relative
        margin-top 3.733333vw
        overflow hidden
        .sjzz-a
            float left
            width 45%
            height 32.266667vw
            border 1px solid #eee
            margin-right 3.866667vw
            margin-bottom 4vw
            display flex
            justify-content center
            align-items center
            img
                max-width: 90%;
                max-height: 31.333333vw;
</style>